{% load staticfiles %}
<div class="layui-col-md3">

    <div class="layui-card blog-hide-xs" id="search" style="margin-top: 5px;">
        <div class="layui-card-body" style="text-align: center">
            <div class="layui-form-item" style="margin-bottom: 0px;text-align: center;">
                <div class="layui-inline" style="margin-right: 0px;margin-bottom: 0px;">
                    <input autocomplete="off" class="layui-input" id="keyword" placeholder="搜索感兴趣的内容..."
                           type="text">
                </div>
                <div class="layui-inline" style="margin-right: 0px;margin-bottom: 0px;">
                    <button class="layui-btn"
                            onclick="window.open('https://www.wjy329.com/page/search?keyword='+document.getElementById('keyword').value)">
                        搜索
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-card blog-hide-xs">
        <div class="layui-card-header">
            网站公告
        </div>
        <div class="layui-card-body">
            如本站内容对您有帮助，烦请多多点击页面广告，原创不易！ 本站内容大部分为原创内容，一小部分内容来源于网络，如有侵权，请联系我们！
        </div>
    </div>


    <div class="layui-card">
        <div class="layui-card-header">
            最新发布
        </div>
        <div class="layui-card-body">

            <span style="display:inline-block;"><a target="_blank" href="https://blog.csdn.net/wjy329">WJY329</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://www.xdx97.com">小道仙的后宫</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://xuup727.com/">鹏哥的博客</a></span>


            <span style="display:inline-block;"><a target="_blank" href="http://www.qubenhao.com/">烈烈的博客</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.lmcjl.com">LmCjl在线工具</a></span>


            <span style="display:inline-block;"><a target="_blank" href="https://www.zhyocean.cn">程序猿张先森</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.qiucode.cn/">秋码分享</a></span>

        </div>
    </div>
    <div class="layui-card">
        <div class="layui-card-header">
            热门标签
        </div>
        <div class="layui-card-body" style="text-align: center">
            <div>
                <button class="layui-btn layui-btn-primary layui-btn-xs" id="exchange">交换友链</button>
            </div>

            <span style="display:inline-block;"><a target="_blank" href="https://blog.csdn.net/wjy329">WJY329</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://www.xdx97.com">小道仙的后宫</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://xuup727.com/">鹏哥的博客</a></span>


            <span style="display:inline-block;"><a target="_blank" href="http://www.qubenhao.com/">烈烈的博客</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.lmcjl.com">LmCjl在线工具</a></span>


            <span style="display:inline-block;"><a target="_blank" href="https://www.zhyocean.cn">程序猿张先森</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.qiucode.cn/">秋码分享</a></span>

        </div>
    </div>
    <div class="layui-card blog-hide-xs">
        <div class="layui-card-header">
            闲言
        </div>
        <div class="layui-card-body">
            <ul class="layui-timeline">
                <div>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="font-size: 15px;">
                                <span>2019-07-17</span></h3>
                            <p>
                                <span>管好自己的嘴，做好自己的事。</span>
                            </p>
                        </div>
                    </li>
                </div>
                <div>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="font-size: 15px;">
                                <span>2019-07-09</span></h3>
                            <p>
                                <span>加油！加油！加油！</span>
                            </p>
                        </div>
                    </li>
                </div>
                <div>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="font-size: 15px;">
                                <span>2019-07-06</span></h3>
                            <p>
                                <span>现在都不知道喜欢听什么歌。。。</span>
                            </p>
                        </div>
                    </li>
                </div>
                <div>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="font-size: 15px;">
                                <span>2019-07-01</span></h3>
                            <p>
                                <span>希望这个决定能让我快乐一些。</span>
                            </p>
                        </div>
                    </li>
                </div>
                <div>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="font-size: 15px;">
                                <span>2019-06-30</span></h3>
                            <p>
                                <span>今天开心吗？</span>
                            </p>
                        </div>
                    </li>
                </div>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">过去的那些</div>
                    </div>
                </li>
            </ul>

        </div>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">
            友情链接
        </div>
        <div class="layui-card-body" style="text-align: center">
            <div>
                <button class="layui-btn layui-btn-primary layui-btn-xs" id="exchange">交换友链</button>
            </div>

            <span style="display:inline-block;"><a target="_blank" href="https://blog.csdn.net/wjy329">WJY329</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://www.xdx97.com">小道仙的后宫</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="http://xuup727.com/">鹏哥的博客</a></span>


            <span style="display:inline-block;"><a target="_blank" href="http://www.qubenhao.com/">烈烈的博客</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.lmcjl.com">LmCjl在线工具</a></span>


            <span style="display:inline-block;"><a target="_blank" href="https://www.zhyocean.cn">程序猿张先森</a></span>


            <span style="display:inline-block;"><a target="_blank"
                                                   href="https://www.qiucode.cn/">秋码分享</a></span>

        </div>
    </div>


</div>